/* html, body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
header {
  padding-top: env(safe-area-inset-top);
} */
/* ============================================================= */

html, body {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
    /* touch-action: pan-y pan-x !important; */
}
/* body {
    touch-action: pan-y pan-x !important;
} */





:root {
  --safe-top: env(safe-area-inset-top);
  /* --safe-bottom: env(safe-area-inset-bottom); */
  --safe-bottom: 0px !important;  /* 👈 FORCE BOTTOM SAFE AREA TO ZERO */
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);
}

/* html, body {
  margin: 0;
  padding: var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);
  min-height: 100vh;
} */


header {
  padding-top: var(--safe-top);
}

.bottom-nav {
  /* padding-bottom: var(--safe-bottom); */
  padding-bottom: 0 !important;  /* 👈 REMOVE SAFE AREA */
  position: fixed;
  bottom: 0;
  width: 100%;
}

.fullscreen {
  padding-top: var(--safe-top);
  /* padding-bottom: var(--safe-bottom); */
  padding-bottom: 0 !important;  /* 👈 REMOVE SAFE AREA */
}

.safe-area {
  padding-top: var(--safe-top);
  /* padding-bottom: var(--safe-bottom); */
  padding-bottom: 0 !important; /* 👈 REMOVE SAFE AREA */
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
}










/* =========================================================================================== */
.ptr--ptr {
  top: var(--safe-top, 20px); /* avoids notch */
}
/* ensures iso native drag down reload */
#scroll-container {
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /* enables pull-to-refresh */
}
/* ============================================================================================ */